<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="lib/jq.js"></script>
    <script>
        /*
        #代表选择id .代表选择类 li代表直接选择标签 选择标签后我们可以修改css样式 注意 * 代表全选择器
        */
        $(document).ready(function () {
            //$("#id1").html('改变了');
            //$(".class1").html("改变了class");
            //$("li").css("color","red");


            $("li").css({
                "color":"red",
                "border":"solid green"
            });
        });




    </script>
</head>
<body>
<ul>
    <li id="id1">id选择器</li>
    <li class="class1">类选择器</li>
    <li>标签选择器</li>
</ul>

</body>
</html>